
.main-wrapper{max-width: 640px; margin: auto; overflow-x: hidden; box-sizing: border-box;background:#f5f5f9;min-height:800px;}

.banner{width:100%;
  img{max-width: 100%;}
}

.search_box{width:100%;height:50px;border:1px solid transparent;
  .input_box{height:30px;margin:5px 16px 10px;border:1px solid #eee;border-radius:4px;background:#fff url("../images_v2/v2_ser_txt.png") center no-repeat;background-size: 50px;
    >input{width:90%;height:25px;margin:1px 0 0 3%;outline: none;border:0;font-size:14px;background: transparent;
      &:focus{background: #fff;}
    }
  }
}

.coupon_box{height:85px;background:transparent;
  .coupon{height:75px;background: #fff;}
}

.ad_box{height:100px;background:transparent;
  .ad{position:relative; height:90px;overflow: hidden;background: #fff;}
}

.shop_box{height:60px;background:transparent;
  .shop{height:50px;background: #fff;font-size:15px;color:#555;
    >a{display: inline-block;width:93%;height:100%;padding: 8px 3% 0 4%;
      .col_lt{float:left;}
      .col_rt{float:right;}
      img{width: 32px;height: 32px;vertical-align: middle;margin-right:6px;}
    }
  }
}

.edit_box{padding-bottom:10px;background:transparent;
  .edit_hd{height:50px;background: #fff;font-size:15px;color:#555;border-bottom:1px solid #eee;
    >a{display: inline-block;width:93%;height:100%;padding: 8px 3% 0 4%;
      .col_lt{float:left;}
      .col_rt{float:right;}
      img{width: 32px;height: 32px;vertical-align: middle;margin-right:6px;}
    }
  }
  .edit_bd{background:#fff;
    >li{float:left;border-bottom:1px solid #eee ;
      .img_box{width: 100%;padding:14.4% 17.8% 1.6%;
        >img{max-width:100%;}
      }
      .title_box{width:100%;padding:2% 8.5%;
        >p{height:38px;overflow: hidden;font-size:14px;}
      }
      .price_box{width:100%;padding:2% 8.5%;
        >li{height:30px;}
        .p_lt{float:left;width:60%;
          >span{color:#ffa403;}
          .mark{font-size:11px;}
          .p{font-size:18px;}
        }
        .p_rt{float:right;width:40%;text-align:right;
          .p_count{display:inline-block;font-size:11px;color:#999;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
        }
      }
    }
    .col2_lt{height:100%;width:50%;border-right:1px solid transparent;}
    .col2_rt{height:100%;width:50%;border-left:1px solid #eee;}
  }
  .edit_bd2{background:#fff;
    >li{float:left;border-bottom:1px solid #eee ;
      .img_box{width: 100%;padding:14.4% 17.8% 1.6%;
        >img{max-width:100%;}
      }
      .title_box{width:100%;padding:2% 8.5%;
        >p{height:38px;overflow: hidden;font-size:14px;}
      }
      .price_box{width:100%;padding:2% 8.5%;
        >li{height:30px;}
        .p_lt{float:left;width:90%;
          >span{color:#ffa403;}
          .mark{font-size:11px;}
          .p{font-size:16px;}
        }
      }
    }
    .col_lt{height:100%;width:33.3%;border-right:1px solid transparent;}
    .col_md{height:100%;width:33.3%;border-left:1px solid #eee;}
    .col_rt{height:100%;width:33.3%;border-left:1px solid #eee;}
  }
  .edit_bd3{background:#fff;border-bottom:1px solid #eee ;
    >li{float:left;box-sizing:border-box;}
    .col_lt{height:100%;width:50%;border-right:1px solid #eee;
      .product_info{height:64px;padding:0 25px 0 15px;
        .left{float:left;width:70%;height:100%;padding:13px 0 8px 0;
          >p{padding-left:3%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
          .name{color:#555;font-size:15px;}
          .ad{color:#ffa403;font-size:13px;}
        }
        .right{float:right;width:30%;padding-top:11px;
          >div{width:43px;height:43px;padding:7px 0 0 2px;border:1px solid #ffa403;border-radius: 50%;background: #ffa403;color:#fff;
            .count{font-size:18px;}
            .money{font-size:9px;}
          }
        }
      }
      .product_pic{padding:0 8% 15% 8%;
        >img{width:100%;}
      }
    }
    .col_rt{height:100%;width:50%;
      >a{
        .p_list{width:100%;box-sizing:border-box;
          >li{float:left;}
          .lt{width:64%;padding:0 6.6% 0 4.1%;
            >img{width:100%;margin:12% 0 15% 0;}
          }
          .rt{width:36%;padding:20% 3% 5% 0;
            >p{padding-left:3%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
            .name{color:#555;font-size:15px;}
            .b_box{width:43px;height:22px;margin-top:7%;line-height:22px;text-align:center;background:url("../images_v2/v2_ibg1.png") center no-repeat;background-size:44px;font-size:15px;color:#fff;}
          }
        }
        .b_btm{border-bottom:1px solid #eee;}
      }
    }
  }
}

.we_box{height:90px;padding:0 30%;margin-bottom:60px;background:transparent;text-align: center;
  .we_link{height:40%;font-size:15px;border-bottom:1px dashed #ddd;
    a{display:inline-block;width:100%;height:80%;padding-top:5%;color:#0090dd;}
  }
  .we_bom{height:59.5%;padding-top:4%;
    >img{width:60px;}
    >p{font-size:10px;color:#999;}
  }
}

.footer{position:fixed;left:0;right: 0;bottom:0;height:50px;border-top:1px solid #eee;background: #fff;z-index: 100;
  >li{float:left;width:25%;height:100%;text-align:center;
    >a{display:inline-block;width: 100%;height:100%;
      >p{color:#666;font-size:10px;}
      >span{display:inline-block;width: 30px;height:27px;}
      .index{background: url("../images_v2/v2_icon.png") 2px 0 no-repeat;background-size: auto 33px;}
      .index_checked{background: url("../images_v2/v2_icon_checked.png") 2px 0 no-repeat;background-size: auto 33px;}
      .classify{background: url("../images_v2/v2_icon.png") -86px 0 no-repeat;background-size: auto 33px;}
      .classify_checked{background: url("../images_v2/v2_icon_checked.png") -86px 0 no-repeat;background-size: auto 33px;}
      .shop_car{background: url("../images_v2/v2_icon.png") -176px 0 no-repeat;background-size: auto 33px;}
      .shop_car_checked{background: url("../images_v2/v2_icon_checked.png") -176px 0 no-repeat;background-size: auto 33px;}
      .home{background: url("../images_v2/v2_icon.png") -265px 0 no-repeat;background-size: auto 33px;}
      .home_checked{background: url("../images_v2/v2_icon_checked.png") -265px 0 no-repeat;background-size: auto 33px;}
    }
  }
}

//轮播
.ad_box{
  .ad{
    .swiper-slide{height:90px;}
    .swiper-slide img{height:90px; width:100%;}
    .swiper-pagination-bullet-active{background: #3398ee;}
    .swiper-pagination-bullet{background: #3398ee;}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
    @media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
      .swiper-slide img{width:320px; height:90px;}
      .banner-head{ height:90px;}
      .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
      .item-btn li img{width:45px;}
    }
    @media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
      .swiper-slide img{width:320px; height:90px;}
      .banner-head{ height:90px;}
      .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
      .item-btn li img{width:45px;}
    }
  }
}
